/*=========[ HOTELSEARCH PAGE ]=========*/
 
.dvHotelSearch .dvForm .searchBtn .custom-width {
    width: 100% !important;
}
.dvHotelProductList .dvicon img {
    display: inline;
}
.dvHotelProductList .product-text {
    min-height:45px;
}

/*hotelsearch room dropdown*/
.dvHotelSearch .dvDropdown .dropdown-menu,
.dvHotelResult .dvDropdown .dropdown-menu {
    padding: 0;
    width: 250px;
}
.dvHotelSearch .dvQty .w-120,
.dvHotelResult .dvQty .w-120 {
    width: 120px;
}
.dvHotelSearch .dvDropdown .dropdown-menu-right {
    right: 0 !important;
    left: auto !important;
    top: 21px !important;
    transform: none !important;
}
/*hotelsearch room dropdown*/

/*hotelsearch international and domestic errors*/
.dvHotelSearch .dvForm .error,
.dvHotelResult .dvModify .dvForm .error {
    border: 1px solid var(--danger-text-colour);
    color: var(--danger-text-colour);
}

.dvInput.qtySelector.form-control {
    color: var(--fc-text-colour);
    font-size: var(--fc-font-size);
    border-top: var(--fc-border-top);
    border-right: var(--fc-border-right);
    border-bottom: var(--fc-border-bottom);
    border-left: var(--fc-border-left);
    border-top-left-radius: var(--fc-radius-top-left) !important;
    border-bottom-left-radius: var(--fc-radius-bottom-left) !important;
    border-top-right-radius: var(--fc-radius-top-right) !important;
    border-bottom-right-radius: var(--fc-radius-bottom-right) !important;
    background-color: var(--fc-bg-colour);
}
/*hotelsearch international and domestic errors*/
/*=========[ HOTELSEARCH PAGE ]=========*/

/*=========[ HOTELDETAILS PAGE ]=========*/
.dvHotelDetails .dvThumbSwiperSlider .mySwiper2 .img-container {
  padding-bottom: 50%;
}
.dvHotelDetails .dvThumbSwiperSlider .mySwiper .img-container {
    padding-bottom: 15%;
}

.dvHotelDetails .dvAboutHotel p,
.dvHotelDetails .dvAboutHotel ul{
    margin-bottom:1rem;
}
.dvHotelDetails .dvAboutHotel ul {
    padding-left:1rem;
}
/*=========[ HOTELDETAILS PAGE ]=========*/


/*=========[ HOTELBOOKINGDETAILS PAGE ]=========*/
.dvHotelBookingDetails a {
    text-decoration:underline;
}
.dvHotelBookingDetails .bg {
    background-color: var(--bg-colour1);
}
/*=========[ HOTELBOOKINGDETAILS PAGE ]=========*/


/*=========[ PLUS MINUS HOTEL FORM ]=========*/
.qtySelector {position:relative}
.qtySelector .special-text {
    position: absolute;
    top: .3rem;
    left:.7rem;
    z-index: 0;
}
.dvHotelSearch .qtySelector .form-control {
    padding: 0.75rem 0 !important;
}
    .qtySelector .special-text::-webkit-input-placeholder {
        font-size: var(--placeholder-font-size);
        color: var(--placeholder-text-colour);
    }

    .qtySelector .special-text::-moz-placeholder {
        font-size: var(--placeholder-font-size);
        color: var(--placeholder-text-colour);
    }

    .qtySelector .special-text:-ms-input-placeholder {
        font-size: var(--placeholder-font-size);
        color: var(--placeholder-text-colour);
    }

    .qtySelector .special-text:-moz-placeholder {
        font-size: var(--placeholder-font-size);
        color: var(--placeholder-text-colour);
    }
/*=========[ PLUS MINUS HOTEL FORM ]=========*/
/*=========[ HOTELBOOKINGDETAILS PAGE ]=========*/

/*=========[ REMOVE NOT-ALLOWED ICON ]=========*/
.dvHotelSearch .dvInput.input-group .form-control[readonly],
.dvHotelResult .dvInput.input-group .form-control[readonly],
.dvHotelSearch .dvInputGroup.input-group .form-control[readonly],
.dvHotelResult .dvInputGroup.input-group .form-control[readonly] {
    background-color: var(--colour6);
    cursor: default;
}
/*=========[ REMOVE NOT-ALLOWED ICON ]=========*/

/*=========[ MEDIA QUERIES ]=========*/
@media (min-width: 576px) {
    .dvHotelSearch .dvDropdown .dropdown-menu-right,
    .dvHotelResult .dvDropdown .dropdown-menu-right {
        right: auto !important;
        left: 0 !important;
        top: 21px !important;
        transform: none !important;
    }
}
@media (min-width: 768px) {
    .dvHotelSearch .dvForm .searchBtn .custom-width {
        width: 48% !important;
    }
}
@media (min-width: 992px) {
    .dvHotelSearch .dvForm .searchBtn .custom-width {
        width: 23% !important;
    }
    .dvHotelSearch .dvQty .w-120,
    .dvHotelResult .dvQty .w-120 {
        width: 80px;
    }
    .dvHotelSearch .dvDropdown .dropdown-menu-right,
    .dvHotelResult .dvDropdown .dropdown-menu-right {
        right: 0 !important;
        left: auto !important;
        top: 21px !important;
        transform: none !important;
    }
}
@media (min-width: 1200px) {
    .dvHotelSearch .dvDropdown .dropdown-menu-right {
        right: auto !important;
        left: 0 !important;
        top: 21px !important;
        transform: none !important;
    }

}
/*=========[ MEDIA QUERIES ]=========*/